<template>
  <div class="main">
    <!-- <el-button @click="show = true">打开 </el-button>
    <el-dialog :visible="show" @close="show=false">
        <New ></New>
    </el-dialog> -->
    <div class="center">
      <div class="top-btn">
        <div class="btnL">
          <img src="@/assets/btn-left.png" @click="toMsg1" alt="" />
        </div>
        <div class="btnR">
          <img src="@/assets/btn-right.png" @click="toMsg2" alt="" />
        </div>
        <!-- <el-button @click="toMsg1">帮忙来找茬</el-button>
      <el-button @click="toMsg2">帮忙出主意</el-button> -->
      </div>
      <div class="text" @click="toRule">
        查看参与规则及奖品 <i class="el-icon-caret-right"></i>
      </div>
      <div class="bottom-btn">
        <img src="@/assets/result.png" @click="toResult" alt="" />
        <!-- <el-button @click="toResult">中奖信息公示</el-button> -->
      </div>
      <div class="text" style="margin: 0 20px 20px 20px">
        领奖地址：芙蓉路北段9号绵阳市文化广播电视和旅游局办公室。
      </div>
      <div class="text">
        联系电话：2237535
      </div>
      <div class="text">
        领奖时间：2022年3月22日至4月22日
      </div>
      <div class="box">
        <img class="img1" src="@/assets/bg1.png" />
        <img class="img2" src="@/assets/bg2.png" />
        <div class="indent2">亲爱的游客朋友们、市民朋友们：</div>
        <div class="indent2">
          为了进一步提高全市文广旅系统的服务质量和工作效能，绵阳市文化广播电视和旅游局特邀你们来帮忙！
        </div>
        <div class="indent2">
          <b>“帮忙来找茬”：</b>
          诚邀你们对全市文化、广播电视和旅游工作（公共文化服务、旅游景区景点、乡村旅游、星级酒店、旅行社、行政审批、广播电视工作等方面）存在的具体问题提出批评意见或建议（点击“帮忙来找茬”即可留言）。　
        </div>
        <div class="indent2">
          <b>“帮忙出主意”：</b>
          诚邀你们对以下工作提出宝贵意见和建议：1.“科技之城”“李白故里”“熊猫家园”三张文旅名片如何结合城建、交通、农林、水利、教育等方面在绵阳落地呈现；2.全市各类文旅场所（包括A级旅游景区、旅游民宿、星级酒店、旅行社、文化馆、图书馆、博物馆）如何改进服务；3.其他关于文化、广播电视和旅游发展的建议（点击“帮忙出主意”即可留言）。　
        </div>
        <div class="indent2">集中活动时间：<b>3月22日至4月15日。</b></div>
        <div class="indent2">
          留言提交后即可点击<b> “抽奖大转盘”</b
          >参与抽奖活动，有机会赢取重点景区门票或绵阳特色文创产品，同时我们会依据大家留言的合理性、可行性、创新性等情况进行不定期综合评估，每次综合评估将对被采纳意见的前10名留言给予文创礼品奖励。（４月１５日后，“抽奖大转盘”抽奖活动结束。“帮忙来找茬”和“帮忙出主意”活动和综合评估奖励将在2022年内持续开展）。
        </div>
        <div class="indent2">
          我们将认真对待每一份留言，并在今后的工作中加以整改落实。我们也将把整改落实情况通过一定形式面向社会公开。
        </div>
        <div class="indent2">
          再次感谢你们长期以来对绵阳市文化、广播电视和旅游工作的关心和支持！
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import New from "@/components/new.vue";
export default {
  components: {
    New,
  },
  data() {
    return {
      show: false,
      activeObj: {
        prizeData: [
          { id: 1, prize: 1 },
          { id: 2, prize: 2 },
          { id: 3, prize: 3 },
          { id: 4, prize: 4 },
          { id: 5, prize: 5 },
        ],
        turntableBgc: require("@/assets/logo.png"),
        turntablebtn: require("@/assets/logo.png"),
      },
    };
  },
  methods: {
    toMsg1() {
      this.$message.error('活动已结束!')
      return
      this.$router.push("/msg1");
    },
    toMsg2() {
       this.$message.error('活动已结束!')
      return
      this.$router.push("/msg2");
    },
    toResult() {
      this.$router.push("/result");
    },
    toRule() {
      this.$router.push("/rule");
    },
  },
  mounted() {},
};
</script>
<style scoped lang="scss">
.main {
  width: 90%;
  margin: 0 auto;
  .text {
    text-align: center;
    margin: 40px 0 100px;
    font-weight: 600;
  }
  .top-btn {
    display: flex;
    margin: 10px 0;
    justify-content: space-between;
    > div {
      width: 100%;
      img {
        object-fit: cover;
        // width: 700px
        width: 100%;
      }
    }
  }
  .bottom-btn {
    width: 100%;
    img {
      width: 100%;
      object-fit: cover;
    }
  }
  .box {
    width: 90%;
    margin: 0 auto;
    padding: 40px;
    background: #fff;
    border: 16px solid #231714;
    border-radius: 36px;
    line-height: 1.5;
    position: relative;
    > img {
      position: absolute;
      object-fit: cover;
      // width: 15vw;
      // height: 50vh;
    }
    .img1 {
      top: 3vh;
      width: 20vw;
      left: 0;
    }
    .img2 {
      width: 20vw;
      top: 10vh;
      right: -1vh;
    }
  }
}
.indent2 {
  text-indent: 2em;
  margin: 20px 0;
}
</style>
